<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../../plugins/mui/mui.min.css" rel="stylesheet" />
    <link href="../../css/style.css" rel="stylesheet" />
    <link rel="stylesheet" href="../../css/city/live_index.css" />
    <script src="../../js/statistics.js"></script>
</head>
<body>
	<header class="mui-bar mui-bar-nav header">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">直播专区</h1>
	</header>
	<div class="body">
		<ul>
			<li class="clear" id="426">
				<div class="bg-box">
					<div class="shadow"></div>
					<img src="../../images/city/video.png">
				</div>
				<div class="content-box">
					<p>自在溧阳APP发布会</p>
					
					<span>
						<img src="../../images/city/live-icon.png" />自在溧阳官方
					</span>
				</div>
			</li>
			<li class="clear" id="514">
				<div class="bg-box">
					<div class="shadow"></div>
					<img src="../../images/city/video.png">
				</div>
				<div class="content-box">
					<p>溧阳白茶节活动</p>
					
					<span>
						<img src="../../images/city/live-icon.png" />自在溧阳官方
					</span>
				</div>
			</li>
		</ul>
	</div>
	<script src="../../plugins/jquery/jquery-3.1.0.min.js" type="text/javascript" ></script>
	<script src="../../plugins/mui/mui.min.js"></script>
	<script type="text/javascript">
		mui.init();
		
		mui.plusReady(function(){
			$(".body").find('li').on('tap',function(){
				var id = $(this).attr('id');
				mui.openWindow({
					url:'live.html',
					id:'live.html',
					extras:{
    					uid:id
    				},
    				waiting:{
			      		autoShow:true,//自动显示等待框，默认为true
			      		title:'正在加载...',//等待对话框上显示的提示内容
  					},
  					show:{
  						autoShow:true,
  						aniShow:'fade-in'
  					}
				})
			})
		});
	</script>
</body>
</html>